<template>
	<!-- 筛选 -->
	<u-popup mode="right" :show="isShow">
		<view class="t1">
			<view class="t2">
				<view class="t3">学历要选</view>
				<view class="t4">
					<view class="t5 xz1">不限</view>
					<view class="t5 ">初中及以下</view>
					<view class="t5 ">中专</view>
					<view class="t5 ">高中</view>
					<view class="t5 ">大专</view>
					<view class="t5 ">大专</view>
					<view class="t5 ">大专</view>
					<view class="t5 ">大专</view>
					<view class="t5 ">大专</view>
				</view>

				<view class="t3">薪资待遇</view>
				<view class="t4">
					<view class="t5 xz1">不限</view>
					<view class="t5 ">3000元以下</view>
					<view class="t5 ">3000-5000元</view>
					<view class="t5 ">5000-10000元</view>
					<view class="t5 ">1-2万元</view>
					<view class="t5 ">大专</view>
					<view class="t5 ">大专</view>
					<view class="t5 ">大专</view>
					<view class="t5 ">大专</view>
				</view>
				<view class="t3">经验要求</view>
				<view class="t4">
					<view class="t5 xz1">不限</view>
					<view class="t5 ">在校生</view>
					<view class="t5 ">1-3年</view>
				</view>
				<view class="t3">行业</view>
				<view class="t4">
					<view class="t5 xz1">不限</view>
					<view class="t5 ">电子商务</view>
					<view class="t5 ">游戏</view>
					<view class="t5 xz1">不限</view>
					<view class="t5 ">电子商务</view>
					<view class="t5 ">游戏</view>
				</view>
				<view class="t3">公司规模</view>
				<view class="t4">
					<view class="t5 xz1">不限</view>
					<view class="t5 ">0-20人</view>
					<view class="t5 ">20-99人</view>
					<view class="t5 xz1">100-499人</view>
					<view class="t5 ">电子商务</view>
					<view class="t5 ">游戏</view>
				</view>
				<view class="t3">薪资待遇</view>
				<view class="t4">
					<view class="t5 xz1">不限</view>
					<view class="t5 ">未融资</view>
					<view class="t5 ">天使轮</view>
					<view class="t5 xz1">A轮</view>
					<view class="t5 ">电子商务</view>
					<view class="t5 ">游戏</view>
				</view>
			</view>
		</view>
	</u-popup>
</template>

<script>
export default {
	props: {
		value: {
			type: Boolean,
			default: true
		}
	},
	data() {
		return {}
	},
	computed: {
		isShow: {
			get() {
				return this.value
			},
			set(val) {
				this.$emit('input', val)
			}
		}
	},
	methods: {
		fanh() {
			uni.navigateBack({
				delta: 1
			})
		}
	}
}
</script>
<style lang="scss" scoped>
.t1 {
	position: fixed;
	top: calc(96rpx + var(--status-bar-height));
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: scroll;
	padding: 0 32rpx;
	.t2 {
		padding-top: 20rpx;
		.t3 {
			font-size: 32upx;
			font-family: Source Han Sans CN-Bold, Source Han Sans CN;
			font-weight: bold;
			color: #333333;
		}
		.t4 {
			margin-top: 38upx;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			.t5 {
				width: 206upx;
				height: 66upx;
				opacity: 1;
				background: #f6f8f7;
				font-size: 28upx;
				font-family: Source Han Sans CN-Normal, Source Han Sans CN;
				font-weight: 400;
				color: #333333;
				text-align: center;
				line-height: 66upx;
				margin-bottom: 28upx;
			}
		}
	}
}
.xz1 {
	border: 2upx solid #7bc2f8;
	color: #42a1eb !important;
	background: #ffffff !important;
}
</style>
